// 这是员工的路由规则模块
import Layout from '@/layout'
export default {
  // hidden属性可以控制左侧导航菜单的显示与隐藏
  path: '/employees',
  component: Layout,
  children: [{
    path: '/employees',
    name: 'employees',
    component: () => import('@/views/employees'),
    // meta是给路由规则添加信息配置节点
    // title 是控制导航的文本 icon是控制导航的图标
    meta: { title: '员工', icon: 'people' }
  },
  {
    hidden: true,
    // 路由规则如果使用的/参数(传递参数) /employees/detail/:占位 但是在组件中使用参数的时候需要$route.params.xxx
    // 使用?的方式携带参数(查询字符串) 路由规则正常写即可,但是在组件中使用参数的时候需要$route.query.xxx
    path: '/employees/detail/:id',
    name: 'detail',
    component: () => import('@/views/employees/Detail.vue')
    // meta是给路由规则添加信息配置节点
    // title 是控制导航的文本 icon是控制导航的图标
    // meta: { title: '员工详情', icon: 'people' }
  },
  {
    hidden: true,
    // 路由规则如果使用的/参数(传递参数) /employees/detail/:占位 但是在组件中使用参数的时候需要$route.params.xxx
    // 使用?的方式携带参数(查询字符串) 路由规则正常写即可,但是在组件中使用参数的时候需要$route.query.xxx
    path: '/employees/print/:id',
    name: 'print',
    component: () => import('@/views/employees/Print.vue')
    // meta是给路由规则添加信息配置节点
    // title 是控制导航的文本 icon是控制导航的图标
    // meta: { title: '员工详情', icon: 'people' }
  }
  ]
}
